@charset "UTF-8";
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0); }
  100% {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg); } }
@-moz-keyframes spin {
  0% {
    -moz-transform: rotateY(0);
    transform: rotateY(0); }
  100% {
    -moz-transform: rotateY(360deg);
    transform: rotateY(360deg); } }
@-o-keyframes spin {
  0% {
    transform: rotateY(0); }
  100% {
    transform: rotateY(360deg); } }
@keyframes spin {
  0% {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    transform: rotateY(0); }
  100% {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    transform: rotateY(360deg); } }

@-webkit-keyframes opacitys {
  0% {
    opacity: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
  20% {
    opacity: 0.2;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
  40% {
    opacity: 0.4;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
  60% {
    opacity: 0.6;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
  80% {
    opacity: 0.8;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
  100% {
    opacity: 1;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; } }

@-moz-keyframes opacitys {
  0% {
    opacity: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
  20% {
    opacity: 0.2;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
  40% {
    opacity: 0.4;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
  60% {
    opacity: 0.6;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
  80% {
    opacity: 0.8;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
  100% {
    opacity: 1;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; } }

@-o-keyframes opacitys {
  0% {
    opacity: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
  20% {
    opacity: 0.2;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
  40% {
    opacity: 0.4;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
  60% {
    opacity: 0.6;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
  80% {
    opacity: 0.8;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
  100% {
    opacity: 1;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; } }

@keyframes opacitys {
  0% {
    opacity: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
  20% {
    opacity: 0.2;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
  40% {
    opacity: 0.4;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
  60% {
    opacity: 0.6;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
  80% {
    opacity: 0.8;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; }
  100% {
    opacity: 1;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s; } }

@-webkit-keyframes scale {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2); } }

@-moz-keyframes scale {
  0% {
    -moz-transform: scale(1);
    transform: scale(1); }
  100% {
    -moz-transform: scale(1.2);
    transform: scale(1.2); } }

@-o-keyframes scale {
  0% {
    -o-transform: scale(1);
    transform: scale(1); }
  100% {
    -o-transform: scale(1.2);
    transform: scale(1.2); } }

@keyframes scale {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); } }

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: scale(0) rotate(0deg);
    transform: scale(0) rotate(0deg); }
  100% {
    -webkit-transform: scale(1) rotate(360deg);
    transform: scale(1) rotate(360deg); } }

@-moz-keyframes rotate {
  0% {
    -moz-transform: scale(0) rotate(0deg);
    transform: scale(0) rotate(0deg); }
  100% {
    -moz-transform: scale(1) rotate(360deg);
    transform: scale(1) rotate(360deg); } }

@-o-keyframes rotate {
  0% {
    -o-transform: scale(0) rotate(0deg);
    transform: scale(0) rotate(0deg); }
  100% {
    -o-transform: scale(1) rotate(360deg);
    transform: scale(1) rotate(360deg); } }

@keyframes rotate {
  0% {
    -webkit-transform: scale(0) rotate(0deg);
    -moz-transform: scale(0) rotate(0deg);
    -o-transform: scale(0) rotate(0deg);
    transform: scale(0) rotate(0deg); }
  100% {
    -webkit-transform: scale(1) rotate(360deg);
    -moz-transform: scale(1) rotate(360deg);
    -o-transform: scale(1) rotate(360deg);
    transform: scale(1) rotate(360deg); } }

@-webkit-keyframes bottommove {
  0% {
    -webkit-transform: translate(-100%, 100%);
    transform: translate(-100%, 100%); }
  100% {
    -webkit-transform: translate(0, 0) rotate(-45deg);
    transform: translate(0, 0) rotate(-45deg); } }

@-moz-keyframes bottommove {
  0% {
    -moz-transform: translate(-100%, 100%);
    transform: translate(-100%, 100%); }
  100% {
    -moz-transform: translate(0, 0) rotate(-45deg);
    transform: translate(0, 0) rotate(-45deg); } }

@-o-keyframes bottommove {
  0% {
    -o-transform: translate(-100%, 100%);
    transform: translate(-100%, 100%); }
  100% {
    -o-transform: translate(0, 0) rotate(-45deg);
    transform: translate(0, 0) rotate(-45deg); } }

@keyframes bottommove {
  0% {
    -webkit-transform: translate(-100%, 100%);
    -moz-transform: translate(-100%, 100%);
    -o-transform: translate(-100%, 100%);
    transform: translate(-100%, 100%); }
  100% {
    -webkit-transform: translate(0, 0) rotate(-45deg);
    -moz-transform: translate(0, 0) rotate(-45deg);
    -o-transform: translate(0, 0) rotate(-45deg);
    transform: translate(0, 0) rotate(-45deg); } }

@-webkit-keyframes topmove {
  0% {
    -webkit-transform: translate(100%, -100%);
    transform: translate(100%, -100%); }
  100% {
    -webkit-transform: translate(0, 0) rotate(-45deg);
    transform: translate(0, 0) rotate(-45deg); } }

@-moz-keyframes topmove {
  0% {
    -moz-transform: translate(100%, -100%);
    transform: translate(100%, -100%); }
  100% {
    -moz-transform: translate(0, 0) rotate(-45deg);
    transform: translate(0, 0) rotate(-45deg); } }

@-o-keyframes topmove {
  0% {
    -o-transform: translate(100%, -100%);
    transform: translate(100%, -100%); }
  100% {
    -o-transform: translate(0, 0) rotate(-45deg);
    transform: translate(0, 0) rotate(-45deg); } }

@keyframes topmove {
  0% {
    -webkit-transform: translate(100%, -100%);
    -moz-transform: translate(100%, -100%);
    -o-transform: translate(100%, -100%);
    transform: translate(100%, -100%); }
  100% {
    -webkit-transform: translate(0, 0) rotate(-45deg);
    -moz-transform: translate(0, 0) rotate(-45deg);
    -o-transform: translate(0, 0) rotate(-45deg);
    transform: translate(0, 0) rotate(-45deg); } }

@-webkit-keyframes skews {
  0% {
    -webkit-transform: skew(-10deg);
    transform: skew(-10deg); }
  50% {
    -webkit-transform: skew(0deg);
    transform: skew(0deg); }
  100% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg); } }

@-moz-keyframes skews {
  0% {
    -moz-transform: skew(-10deg);
    transform: skew(-10deg); }
  50% {
    -moz-transform: skew(0deg);
    transform: skew(0deg); }
  100% {
    -moz-transform: skew(10deg);
    transform: skew(10deg); } }

@-o-keyframes skews {
  0% {
    -o-transform: skew(-10deg);
    transform: skew(-10deg); }
  50% {
    -o-transform: skew(0deg);
    transform: skew(0deg); }
  100% {
    -o-transform: skew(10deg);
    transform: skew(10deg); } }

@keyframes skews {
  0% {
    -webkit-transform: skew(-10deg);
    -moz-transform: skew(-10deg);
    -o-transform: skew(-10deg);
    transform: skew(-10deg); }
  50% {
    -webkit-transform: skew(0deg);
    -moz-transform: skew(0deg);
    -o-transform: skew(0deg);
    transform: skew(0deg); }
  100% {
    -webkit-transform: skew(10deg);
    -moz-transform: skew(10deg);
    -o-transform: skew(10deg);
    transform: skew(10deg); } }

@-webkit-keyframes rotatex3d {
  from {
    -webkit-transform: rotateX(360deg);
    transform: rotateX(360deg); } }

@-moz-keyframes rotatex3d {
  from {
    -moz-transform: rotateX(360deg);
    transform: rotateX(360deg); } }

@-o-keyframes rotatex3d {
  from {
    transform: rotateX(360deg); } }

@keyframes rotatex3d {
  from {
    -webkit-transform: rotateX(360deg);
    -moz-transform: rotateX(360deg);
    transform: rotateX(360deg); } }

@-webkit-keyframes leftrun {
  from {
    -webkit-transform: translateX(100%);
    transform: translateX(100%); } }

@-moz-keyframes leftrun {
  from {
    -moz-transform: translateX(100%);
    transform: translateX(100%); } }

@-o-keyframes leftrun {
  from {
    -o-transform: translateX(100%);
    transform: translateX(100%); } }

@keyframes leftrun {
  from {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); } }

@-webkit-keyframes rotatelogo3d {
  from {
    -webkit-transform: rotateY(0);
    transform: rotateY(0); }
  to {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg); } }

@-moz-keyframes rotatelogo3d {
  from {
    -moz-transform: rotateY(0);
    transform: rotateY(0); }
  to {
    -moz-transform: rotateY(360deg);
    transform: rotateY(360deg); } }

@-o-keyframes rotatelogo3d {
  from {
    transform: rotateY(0); }
  to {
    transform: rotateY(360deg); } }

@keyframes rotatelogo3d {
  from {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    transform: rotateY(0); }
  to {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    transform: rotateY(360deg); } }

.web {
  width: 87%;
  margin: 0 auto 50px; }

.content {
  height: auto; }
  .content .left, .content .right {
    float: left; }
  .content .left {
    width: 63%;
    height: 100%;
    padding-top: 24px; }
    .content .left h3 {
      font-size: 18px;
      font-family: "微软雅黑";
      font-weight: 400;
      letter-spacing: 1px;
      line-height: 18px; }
    .content .left .ad {
      margin-top: 30px;
      width: 100%;
      height: 32px;
      line-height: 32px;
      background-color: #efefef; }
      .content .left .ad p {
        font-size: 14px;
        color: red; }
    .content .left .form {
      height: 374px;
      width: 100%;
      margin-top: 12px; }
      .content .left .form .formleft, .content .left .form .formright {
        float: left;
        height: 100%;
        width: 50%;
        padding-top: 25px;
        padding-left: 48px; }
        .content .left .form .formleft h3, .content .left .form .formright h3 {
          font-size: 18px;
          line-height: 18px;
          font-weight: 400; }
        .content .left .form .formleft form label, .content .left .form .formright form label {
          display: block;
          height: 14px;
          font-size: 14px;
          font-family: "微软雅黑";
          margin-bottom: 13px;
          margin-top: 30px; }
        .content .left .form .formleft form input, .content .left .form .formright form input {
          width: 85%;
          height: 39px;
          border: 1px solid #dbdbdb;
          outline: none;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px;
          padding: 5px; }
          .content .left .form .formleft form input:focus, .content .left .form .formright form input:focus {
            -webkit-box-shadow: 0px 0px 20px 5px #795DA3;
            -moz-box-shadow: 0px 0px 20px 5px #795DA3;
            box-shadow: 0px 0px 20px 5px #795DA3; }
        .content .left .form .formleft form div:nth-child(3) input, .content .left .form .formright form div:nth-child(3) input {
          background-color: #584c4c;
          margin-top: 34px;
          font-size: 18px;
          color: #FFF; }
        .content .left .form .formleft form div:nth-child(4), .content .left .form .formright form div:nth-child(4) {
          position: relative; }
          .content .left .form .formleft form div:nth-child(4) label, .content .left .form .formright form div:nth-child(4) label {
            margin-top: 27px;
            font-size: 12px;
            line-height: 12px; }
          .content .left .form .formleft form div:nth-child(4) input, .content .left .form .formright form div:nth-child(4) input {
            width: 12px;
            height: 12px;
            margin-right: 6px;
            vertical-align: bottom;
            background-color: #fff; }
          .content .left .form .formleft form div:nth-child(4) a, .content .left .form .formright form div:nth-child(4) a {
            font-size: 12px;
            line-height: 12px;
            color: black;
            position: absolute;
            top: 0;
            right: 66px; }
      .content .left .form .formleft {
        background-color: #efefef; }
      .content .left .form .formright {
        background-color: #e7e7e7; }
    .content .left .step h3 {
      font-size: 24px;
      line-height: 24px;
      margin-top: 25px; }
    .content .left .step button {
      font-size: 18px;
      height: 38px;
      line-height: 38px;
      width: 245px;
      margin-top: 10px;
      float: left;
      margin-left: 1px;
      color: #fff; }
      .content .left .step button:hover {
        background-color: #584c4c;
        -webkit-box-shadow: 0px 0px 20px 5px #795DA3;
        -moz-box-shadow: 0px 0px 20px 5px #795DA3;
        box-shadow: 0px 0px 20px 5px #795DA3; }
  .content .right {
    width: 35%;
    height: auto;
    margin-left: 20px;
    margin-top: 115px; }
    .content .right .head {
      height: 34px;
      line-height: 34px;
      border-bottom: 1px solid #dadada;
      position: relative; }
      .content .right .head h3 {
        font-size: 18px;
        letter-spacing: 1px;
        font-weight: 400; }
      .content .right .head a {
        font-size: 18px;
        line-height: 18px;
        letter-spacing: 1px;
        position: absolute;
        right: 20px;
        top: 7px; }
    .content .right .body .bodycontent {
      position: relative; }
      .content .right .body .bodycontent::after {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        border-bottom: 1px solid #dadada; }
      .content .right .body .bodycontent .contentleft {
        float: left;
        width: 120px;
        height: 120px;
        margin-top: 22px;
        margin-right: 20px; }
        .content .right .body .bodycontent .contentleft img {
          width: 100%;
          height: auto; }
      .content .right .body .bodycontent .contentright {
        width: 320px;
        float: left;
        position: relative; }
        .content .right .body .bodycontent .contentright dl {
          margin-top: 22px;
          font-size: 14px; }
          .content .right .body .bodycontent .contentright dl dt {
            margin-bottom: 45px; }
          .content .right .body .bodycontent .contentright dl dd {
            margin-bottom: 17px; }
            .content .right .body .bodycontent .contentright dl dd span {
              margin-left: 10px; }
            .content .right .body .bodycontent .contentright dl dd:last-child {
              margin: 0;
              position: absolute;
              right: 20px;
              bottom: 17px; }
    .content .right .pay {
      width: 100%;
      margin-top: 23px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      padding: 28px 38px 38px;
      background-color: #efefef;
      position: relative; }
      .content .right .pay li {
        font-size: 14px;
        margin-bottom: 22px; }
      .content .right .pay .payleft {
        width: 50%;
        float: left; }
      .content .right .pay .payright {
        width: 50%;
        float: right; }
        .content .right .pay .payright ul {
          float: right; }
      .content .right .pay .hr {
        position: absolute;
        top: 160px;
        width: 85%;
        border-bottom: 1px solid #dadada; }
      .content .right .pay .endpay {
        margin-top: 155px; }
        .content .right .pay .endpay h3, .content .right .pay .endpay p {
          font-size: 18px; }
        .content .right .pay .endpay h3 {
          float: left; }
        .content .right .pay .endpay p {
          float: right; }
